   <!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0">
<title>账户账单</title>
<meta name="keywords" content="后台管理系统" />
<meta name="description" content="后台管理系统" />
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" href="css/font-googleapis.com.css">
<link rel="stylesheet" href="css/ionicons.min.css">
<link href="css/MobileStyle.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="libs/datetimepicker-master20160419/jquery.datetimepicker.css">


<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="layer/layer.js"></script>
<script type="text/javascript" src="js/long.js"></script>
<style>body{ font-size:14px;}</style>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/modernizr.custom.js"></script>
<script type="text/javascript" src="js/jquery.dlmenu.js"></script>
<!--[if lt IE 9]>
<script src="/ui/js/html5shiv.min.js"></script>
<script src="/ui/js/respond.min.js"></script>
<![endif]-->
<script type="text/javascript">
var browserWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
</script>
</head>


<script type="text/javascript">

$(function(){

	$( '#dl-menu' ).dlmenu();

});

</script>
	<script>
    //$(selector).toggle(speed,callback);
    </script>
    <!--LEFT End--><style>
body{
	background:#3D3D3D;
	background-color: #FFFFFF;
}
.tab-content{ border:#DDDDDD solid 1px; border-top:0;}
.tab-pane{ padding:30px 10px 10px 10px;}
.STYLE1 {font-size: 24px}
</style>
  
<div class="countgo"><div class="zt">
<!--MAN -->
<div class="head" style="background:#0000cc">
        <a href="index.html"><input type="image" class="head-icon-left" src="images/common_back.png" style="border-width:0px;"></a>
        <div class="head-title">账户账单</div>
        <a href="index.html" class="head-icon-right  "></a>    </div>
<div class="remain">


<div>
<div class="remain">
  <div class="panel panel-default">
    <div class="panel-body">


<div>

  <!-- Nav tabs -->
  <!-- Tab panes -->

<script>
$("#mlindex").addClass("btn-long16");
</script>
</body>
</html><div class="countgo">
  <div class="wraper container-fluid">
            <div class="row borderNew">
    <div class="col-md-12">
        <div class="panel panel-default">
            <div class="panel-heading">
                <div class="row">
                    <div class="col-md-3">
                        <input class="some_class form-control" id="some_class_1" type="text" name="startTime" placeholder="开始时间" value="">
                    </div>
                    <div class="col-md-3">
                        <input class="some_class form-control" id="some_class_2" type="text" name="endTime" placeholder="结束时间" value="">
                    </div>
                    <div class="col-md-3">
                        <button type="button" class="btn btn-primary m-b-5" >筛选</button>
                    </div>
                </div>
            </div>
            <div class="panel-body">
            	<div class="row">
  					<div class="col-sm-6">
    					<div class="dataTables_length" id="DataTables_Table_0_length">
      						<label>每页显示
        					<select name="DataTables_Table_0_length" aria-controls="DataTables_Table_0" class="form-control input-sm">
          						<option value="10">10</option>
          						<option value="25">25</option>
          						<option value="50">50</option>
          						<option value="100">100</option></select>条记录</label>
    					</div>
  					</div>
  					<div class="col-sm-6">
    					<div id="DataTables_Table_0_filter" class="dataTables_filter">
      						<label class="mr">搜索
        						<input type="search" class="form-control input-sm" placeholder="" aria-controls="DataTables_Table_0">
        					</label>
        				</div>
  					</div>
				</div>
                <div class="dataTables_scrollHead" style="overflow: hidden; position: relative; border: 0px; width: 100%;">
                	<div class="dataTables_scrollHeadInner" style="box-sizing: content-box; width: 100%; padding-right: 0px;">
                		<table class="table table-hover table-bordered dataTable no-footer" data-table-ajaxurl="/admin/stock/report/all/list" role="grid" style="margin-left: 0px; width: 100%;">
                			<thead>
                                <tr role="row">
                                	<th class="sorting_disabled" rowspan="1" colspan="1" style="width: 119px;">日期</th>
                                	<th class="sorting_disabled" rowspan="1" colspan="1" style="width: 32px;">类型</th>
                                	<th class="sorting_disabled" rowspan="1" colspan="1" style="width: 63px;">变动前</th>
                                	<th class="sorting_disabled" rowspan="1" colspan="1" style="width: 64px;">变动后</th>
                                	<th class="sorting_disabled" rowspan="1" colspan="1" style="width: 33px;">方式</th>
                                </tr>
                            </thead>
                        </table>
                    </div>
                </div>
                 <div class="dataTables_scrollBody" style="position: relative; overflow: auto; width: 100%;">
                 	<table class="table table-hover table-bordered dataTable no-footer" data-table-ajaxurl="/admin/stock/report/all/list" id="DataTables_Table_0" role="grid" aria-describedby="DataTables_Table_0_info" style="width: 100%;">
                 		<thead>
                                <tr role="row" style="height: 0px;">
                                	<th class="sorting_disabled" rowspan="1" colspan="1" style="width: 119px; padding-top: 0px; padding-bottom: 0px; border-top-width: 0px; border-bottom-width: 0px; height: 0px;">
                                		<div class="dataTables_sizing" style="height:0;overflow:hidden;">日期</div>
                                	</th>
                                	<th class="sorting_disabled" rowspan="1" colspan="1" style="width: 32px; padding-top: 0px; padding-bottom: 0px; border-top-width: 0px; border-bottom-width: 0px; height: 0px;">
                                		<div class="dataTables_sizing" style="height:0;overflow:hidden;">类型</div>
                                	</th>
                                	<th class="sorting_disabled" rowspan="1" colspan="1" style="width: 63px; padding-top: 0px; padding-bottom: 0px; border-top-width: 0px; border-bottom-width: 0px; height: 0px;">
                                		<div class="dataTables_sizing" style="height:0;overflow:hidden;">变动前</div>
                                	</th>
                                	<th class="sorting_disabled" rowspan="1" colspan="1" style="width: 64px; padding-top: 0px; padding-bottom: 0px; border-top-width: 0px; border-bottom-width: 0px; height: 0px;">
                                		<div class="dataTables_sizing" style="height:0;overflow:hidden;">变动后</div>
                                	</th>
                                	<th class="sorting_disabled" rowspan="1" colspan="1" style="width: 33px; padding-top: 0px; padding-bottom: 0px; border-top-width: 0px; border-bottom-width: 0px; height: 0px;">
                                		<div class="dataTables_sizing" style="height:0;overflow:hidden;">方式</div>
                                	</th>
                                </tr>
                            </thead>
                            
                            <tbody>
                            	<tr role="row" class="odd">
                            		<td>2018-02-06 16:47:34</td>
                            		<td>推广金</td>
                            		<td>0.000000</td>
                            		<td>600.000000</td>
                            		<td>↑</td>
                            	</tr>
                            	<tr role="row" class="even">
                            		<td>2018-02-06 16:47:34</td>
                            		<td>推广金</td>
                            		<td>600.000000</td>
                            		<td>720.000000</td>
                            		<td>↑</td>
                            	</tr>
                            	<tr role="row" class="odd">
                            		<td>2018-02-06 16:38:23</td>
                            		<td>股权</td>
                            		<td>0.000000</td>
                            		<td>1.000000</td>
                            		<td>↑</td>
                            	</tr>
                            </tbody>
                        </table>
                    </div>
                <div class="row">
  					<div class="col-sm-6">
    					<div class="dataTables_info" id="DataTables_Table_0_info" role="status" aria-live="polite">当前显示 1 到 3 条，共 3 条记录</div>
    				</div>
  					<div class="col-sm-6">
    					<div class="dataTables_paginate paging_simple_numbers" id="DataTables_Table_0_paginate">
      						<ul class="pagination">
        						<li class="paginate_button previous disabled" aria-controls="DataTables_Table_0" tabindex="0" id="DataTables_Table_0_previous">
          							<a href="#">上一页</a>
          						</li>
        						<li class="paginate_button active" aria-controls="DataTables_Table_0" tabindex="0">
          							<a href="#">1</a>
          						</li>
        						<li class="paginate_button next disabled" aria-controls="DataTables_Table_0" tabindex="0" id="DataTables_Table_0_next">
          							<a href="#">下一页</a>
          						</li>
      						</ul>
    					</div>
  					</div>
				</div>
            </div>
        </div>
    </div>
</div>
<div id="main" style="width: 100%;height: 500px;"></div>
        </div>
        <!-- ================== -->
        <!-- Page Content Ends -->
        

        <!-- Footer Start -->
        <!-- Footer Ends -->
    </section>
    <!--Main Content Ends -->
    
    <div id="public_panel" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="display: none;">
        <div class="modal-dialog"> 
            <div class="modal-content"> 
                <div class="modal-header"> 
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> 
                    <h4 class="modal-title"></h4> 
                </div>
                <div id="public_form">
                    
                </div>
            </div> 
        </div>
    </div>
	<script src="js/admin/sea.js"></script>
	
	

<script>
$("#mlindex").addClass("btn-long16");
</script>
</body>
<script src="libs/datetimepicker-master20160419/build/jquery.datetimepicker.full.js"></script>
<script>/*
window.onerror = function(errorMsg) {
    $('#console').html($('#console').html()+'<br>'+errorMsg)
}*/

$.datetimepicker.setLocale('en');

$('#datetimepicker_format').datetimepicker({value:'2015/04/15 05:03', format: $("#datetimepicker_format_value").val()});
console.log($('#datetimepicker_format').datetimepicker('getValue'));

$("#datetimepicker_format_change").on("click", function(e){
    $("#datetimepicker_format").data('xdsoft_datetimepicker').setOptions({format: $("#datetimepicker_format_value").val()});
});
$("#datetimepicker_format_locale").on("change", function(e){
    $.datetimepicker.setLocale($(e.currentTarget).val());
});

$('#datetimepicker').datetimepicker({
dayOfWeekStart : 1,
lang:'en',
disabledDates:['1986/01/08','1986/01/09','1986/01/10'],
startDate:  '1986/01/05'
});
$('#datetimepicker').datetimepicker({value:'2015/04/15 05:03',step:10});

$('.some_class').datetimepicker();

$('#default_datetimepicker').datetimepicker({
    formatTime:'H:i',
    formatDate:'d.m.Y',
    //defaultDate:'8.12.1986', // it's my birthday
    defaultDate:'+03.01.1970', // it's my birthday
    defaultTime:'10:00',
    timepickerScrollbar:false
});

$('#datetimepicker10').datetimepicker({
    step:5,
    inline:true
});
$('#datetimepicker_mask').datetimepicker({
    mask:'9999/19/39 29:59'
});

$('#datetimepicker1').datetimepicker({
    datepicker:false,
    format:'H:i',
    step:5
});
$('#datetimepicker2').datetimepicker({
    yearOffset:222,
    lang:'ch',
    timepicker:false,
    format:'d/m/Y',
    formatDate:'Y/m/d',
    minDate:'-1970/01/02', // yesterday is minimum date
    maxDate:'+1970/01/02' // and tommorow is maximum date calendar
});
$('#datetimepicker3').datetimepicker({
    inline:true
});
$('#datetimepicker4').datetimepicker();
$('#open').click(function(){
    $('#datetimepicker4').datetimepicker('show');
});
$('#close').click(function(){
    $('#datetimepicker4').datetimepicker('hide');
});
$('#reset').click(function(){
    $('#datetimepicker4').datetimepicker('reset');
});
$('#datetimepicker5').datetimepicker({
    datepicker:false,
    allowTimes:['12:00','13:00','15:00','17:00','17:05','17:20','19:00','20:00'],
    step:5
});
$('#datetimepicker6').datetimepicker();
$('#destroy').click(function(){
    if( $('#datetimepicker6').data('xdsoft_datetimepicker') ){
        $('#datetimepicker6').datetimepicker('destroy');
        this.value = 'create';
    }else{
        $('#datetimepicker6').datetimepicker();
        this.value = 'destroy';
    }
});
var logic = function( currentDateTime ){
    if (currentDateTime && currentDateTime.getDay() == 6){
        this.setOptions({
            minTime:'11:00'
        });
    }else
        this.setOptions({
            minTime:'8:00'
        });
};
$('#datetimepicker7').datetimepicker({
    onChangeDateTime:logic,
    onShow:logic
});
$('#datetimepicker8').datetimepicker({
    onGenerate:function( ct ){
        $(this).find('.xdsoft_date')
            .toggleClass('xdsoft_disabled');
    },
    minDate:'-1970/01/2',
    maxDate:'+1970/01/2',
    timepicker:false
});
$('#datetimepicker9').datetimepicker({
    onGenerate:function( ct ){
        $(this).find('.xdsoft_date.xdsoft_weekend')
            .addClass('xdsoft_disabled');
    },
    weekends:['01.01.2014','02.01.2014','03.01.2014','04.01.2014','05.01.2014','06.01.2014'],
    timepicker:false
});
var dateToDisable = new Date();
    dateToDisable.setDate(dateToDisable.getDate() + 2);
$('#datetimepicker11').datetimepicker({
    beforeShowDay: function(date) {
        if (date.getMonth() == dateToDisable.getMonth() && date.getDate() == dateToDisable.getDate()) {
            return [false, ""]
        }

        return [true, ""];
    }
});
$('#datetimepicker12').datetimepicker({
    beforeShowDay: function(date) {
        if (date.getMonth() == dateToDisable.getMonth() && date.getDate() == dateToDisable.getDate()) {
            return [true, "custom-date-style"];
        }

        return [true, ""];
    }
});
$('#datetimepicker_dark').datetimepicker({theme:'dark'})


</script>
</html>